<script setup>
import { ref } from 'vue';
import Child from './Child.vue'

const age = ref(18)
const num = ref(100)

// Vue3 组件传值时候的 v-model 相当于 :modelValue 和 @update:modelValue 的语法糖
// Vue3 把 .sync 修饰符干掉了
// Vue3 中的 v-model 相当于 Vue2 中的 v-model 和 .sync 的综合版
</script>
<template>
  <div>
    App: {{num}}
    <hr />
    <!-- <Child :modelValue="age" @update:modelValue="age = $event"/> -->
    <!-- 和上面等价 -->
    <!-- <Child v-model:modelValue="age" /> -->
    <!-- 和上面等价 -->
    <!-- <Child v-model="age" /> -->
    <Child v-model="age" v-model:num="num" />
  </div>
</template>
